<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城 - 小米11、Redmi Note 9、小米MIX Alpha，小米电视官方网站</title>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/General style.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/slideshow.css">
    <link rel="stylesheet" href="css/home-hero.css">
    <link rel="stylesheet" href="css/home-main.css">
    <link rel="stylesheet" href="css/footer.css">
    <!-- 根据窗口大小动态的改变工具栏的样式，以及大小 -->
    <link rel="stylesheet" href="./css/subbar.css" media="all and (max-width:1499.99999px)"> <!-- 媒体查询1 -->
    <link rel="stylesheet" href="./css/subbar2.css" media="all and (min-width:1500px)"> <!-- 媒体查询2 -->
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="site-topbar">
            <div class="container w clearfix">
                <!-- 头部导航 -->
                <div class="topbar-nav fl">
                    <a href="#">小米商城</a>
                    <span>|</span>
                    <a href="#">MIUI</a>
                    <span>|</span>
                    <a href="#">IoT</a>
                    <span>|</span>
                    <a href="#">云服务</a>
                    <span>|</span>
                    <a href="#"> 天星数科</a>
                    <span>|</span>
                    <a href="#">有品</a>
                    <span>|</span>
                    <a href="#">小爱开放平台</a>
                    <span>|</span>
                    <a href="#">企业团购</a>
                    <span>|</span>
                    <a href="#">资质证照</a>
                    <span>|</span>
                    <a href="#">协议规则</a>
                    <span>|</span>
                    <a href="#" id="j-app" class="topbar-download">
                        下载app
                        <div class="appcode">
                            <img src="./images/APP.png" alt="小米商城" width="90" height="90">
                            小米商城app
                        </div>
                    </a>
                    <span>|</span>
                    <a href="#">智能生活</a>
                    <span>|</span>
                    <a href="#">Select Location</a>
                </div>
                <div class="site-shop fr">
                    <a href="#" class="cart">
                        <em class="iconfont">&#xe61c;</em>购物车
                        <span class="J-sp"> (0) </span>
                    </a>
                    <div class="j-menu">
                        购物车中还没有商品，赶紧选购吧!
                    </div>
                </div>
                <div class="topbar-info fr">
                    <a href="#">登录</a>
                    <span>|</span>
                    <a href="#">注册</a>
                    <span>|</span>
                    <span class="site-info-span">
                        <a href="#">消息通知</a>
                    </span>
                </div>
            </div>
        </div>
        <div class="site-header">
            <div class="container w clearfix">
                <!-- logo -->
                <div class="head-logo fl">
                    <a href="#" class="logo text">
                        小米官网
                    </a>
                </div>
                <!-- nav -->
                <div class="header-nav fl">
                    <ul class="nav-list">
                        <li class="nav-category">
                            <a href="#" id="header-title" class="header-title">全部商品分类</a>
                            <div class="site-category">
                                <ul class="cat-ul">
                                    <li class="category-list">
                                        <a href="#" class="cat-title">
                                            手机
                                            <em class="cat-icon iconfont">&#xe638;</em>
                                        </a>
                                        <!-- js -->
                                        <div class="commodity clearfix">
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi1.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi 11 青春活力版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi2.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi3.jpg" alt="" width="40" height="40">
                                                        <span class="text">K40 游戏增强版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi4.jpg" alt="" width="40" height="40">
                                                        <span class="text">黑鲨4s Pro</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi5.jpg" alt="" width="40" height="40">
                                                        <span class="text">Note 11 Pro系列</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi6.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi MIX FOLD</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi7.jpg" alt="" width="40" height="40">
                                                        <span class="text">K40 Pro 系列</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi8.jpg" alt="" width="40" height="40">
                                                        <span class="text">黑鲨</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi1.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi 11 青春活力版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi2.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi1.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi 11 青春活力版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi2.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi1.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi 11 青春活力版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi2.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi1.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi 11 青春活力版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi2.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi1.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi 11 青春活力版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi2.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi1.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi 11 青春活力版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi1.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi 11 青春活力版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi2.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi1.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi 11 青春活力版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi2.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi MIX 4</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/mi1.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi 11 青春活力版</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-list">
                                        <a href="#" class="cat-title">
                                            电视
                                            <em class="cat-icon iconfont">&#xe638;</em>
                                        </a>
                                        <!-- js -->
                                        <div class="commodity clearfix">
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds1.jpg" alt="" width="40" height="40">
                                                        <span class="text">ZRedmi智能电视X65202...a</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds2.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米全面屏电视E43K</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds3.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi智能电视×55</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds4.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米电视6 至尊版65英寸</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds5.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米全面屏电视</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds6.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米透明电视</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds1.jpg" alt="" width="40" height="40">
                                                        <span class="text">ZRedmi智能电视X65202...a</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds2.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米全面屏电视E43K</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds3.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi智能电视×55</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds4.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米电视6 至尊版65英寸</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds5.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米全面屏电视</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds6.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米透明电视</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds1.jpg" alt="" width="40" height="40">
                                                        <span class="text">ZRedmi智能电视X65202...a</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds2.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米全面屏电视E43K</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds3.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi智能电视×55</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds4.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米电视6 至尊版65英寸</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds5.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米全面屏电视</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds6.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米透明电视</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds1.jpg" alt="" width="40" height="40">
                                                        <span class="text">ZRedmi智能电视X65202...a</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds2.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米全面屏电视E43K</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds3.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi智能电视×55</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds4.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米电视6 至尊版65英寸</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds5.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米全面屏电视</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ds6.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米透明电视</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-list">
                                        <a href="#" class="cat-title">
                                            笔记本 平板
                                            <em class="cat-icon iconfont">&#xe638;</em>
                                        </a>
                                        <div class="commodity clearfix comm-3">
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/pb1.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米笔记本Pro 14锐龙版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/pb2.jpg" alt="" width="40" height="40">
                                                        <span class="text">RedmiBook Pro 15增强版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/pb3.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米笔记本Pro × 14</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/pb4.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi G 2021 AMD版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/pb5.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米平板5</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/pb6.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi G 2021 Intel版</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/pb1.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米笔记本Pro 14锐龙版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/pb2.jpg" alt="" width="40" height="40">
                                                        <span class="text">RedmiBook Pro 15增强版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/pb3.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米笔记本Pro × 14</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/pb4.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi G 2021 AMD版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/pb5.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米平板5</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/pb6.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi G 2021 Intel版</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/pb4.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi G 2021 AMD版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/pb5.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米平板5</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/pb6.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi G 2021 Intel版</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-list">
                                        <a href="#" class="cat-title">
                                            家电
                                            <em class="cat-icon iconfont">&#xe638;</em>
                                        </a>
                                        <div class="commodity clearfix">
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd1.jpg" alt="" width="40" height="40">
                                                        <span class="text">冰箱</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd2.jpg" alt="" width="40" height="40">
                                                        <span class="text">立式空调</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd3.jpg" alt="" width="40" height="40">
                                                        <span class="text">壁挂空调</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd4.jpg" alt="" width="40" height="40">
                                                        <span class="text">滚筒洗衣机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd5.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi全自动波轮洗衣机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd6.jpg" alt="" width="40" height="40">
                                                        <span class="text">净水器</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd1.jpg" alt="" width="40" height="40">
                                                        <span class="text">冰箱</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd2.jpg" alt="" width="40" height="40">
                                                        <span class="text">立式空调</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd3.jpg" alt="" width="40" height="40">
                                                        <span class="text">壁挂空调</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd4.jpg" alt="" width="40" height="40">
                                                        <span class="text">滚筒洗衣机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd5.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi全自动波轮洗衣机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd6.jpg" alt="" width="40" height="40">
                                                        <span class="text">净水器</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd1.jpg" alt="" width="40" height="40">
                                                        <span class="text">冰箱</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd2.jpg" alt="" width="40" height="40">
                                                        <span class="text">立式空调</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd3.jpg" alt="" width="40" height="40">
                                                        <span class="text">壁挂空调</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd4.jpg" alt="" width="40" height="40">
                                                        <span class="text">滚筒洗衣机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd5.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi全自动波轮洗衣机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd6.jpg" alt="" width="40" height="40">
                                                        <span class="text">净水器</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd1.jpg" alt="" width="40" height="40">
                                                        <span class="text">冰箱</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd2.jpg" alt="" width="40" height="40">
                                                        <span class="text">立式空调</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd3.jpg" alt="" width="40" height="40">
                                                        <span class="text">壁挂空调</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd4.jpg" alt="" width="40" height="40">
                                                        <span class="text">滚筒洗衣机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd5.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi全自动波轮洗衣机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd6.jpg" alt="" width="40" height="40">
                                                        <span class="text">净水器</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-list">
                                        <a href="#" class="cat-title">
                                            出行 穿戴
                                            <em class="cat-icon iconfont">&#xe638;</em>
                                        </a>
                                        <div class="commodity clearfix comm-3">
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/cd1.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi手表2</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/cd2.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi Watch Color 2</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/cd3.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米手环6 NFC版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/cd4.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米手环6标准版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/cd5.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi 手表</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/cd6.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米手环5NFC</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/cd1.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi手表2</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/cd2.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi Watch Color 2</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/cd3.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米手环6 NFC版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/cd4.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米手环6标准版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/cd5.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi 手表</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/cd6.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米手环5NFC</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/cd3.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米手环6 NFC版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/cd4.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米手环6标准版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/cd5.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi 手表</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-list">
                                        <a href="#" class="cat-title">
                                            智能 路由器
                                            <em class="cat-icon iconfont">&#xe638;</em>
                                        </a>
                                        <div class="commodity clearfix comm-3">
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/zn1.jpg" alt="" width="40" height="40">
                                                        <span class="text">CyberDog</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/zn2.jpg" alt="" width="40" height="40">
                                                        <span class="text">MIJIA K歌麦克风</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/zn3.jpg" alt="" width="40" height="40">
                                                        <span class="text">打印机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/zn4jpg" alt="" width="40" height="40">
                                                        <span class="text">喷墨打印机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="/images/zn5.jpg" alt="" width="40" height="40">
                                                        <span class="text">喷墨打印机墨水</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/zn6.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米路由器</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/zn1.jpg" alt="" width="40" height="40">
                                                        <span class="text">CyberDog</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/zn2.jpg" alt="" width="40" height="40">
                                                        <span class="text">MIJIA K歌麦克风</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/zn3.jpg" alt="" width="40" height="40">
                                                        <span class="text">打印机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/zn4jpg" alt="" width="40" height="40">
                                                        <span class="text">喷墨打印机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="/images/zn5.jpg" alt="" width="40" height="40">
                                                        <span class="text">喷墨打印机墨水</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/zn6.jpg" alt="" width="40" height="40">
                                                        <span class="text">小米路由器</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/zn1.jpg" alt="" width="40" height="40">
                                                        <span class="text">CyberDog</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/zn2.jpg" alt="" width="40" height="40">
                                                        <span class="text">MIJIA K歌麦克风</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/zn3.jpg" alt="" width="40" height="40">
                                                        <span class="text">打印机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/zn4jpg" alt="" width="40" height="40">
                                                        <span class="text">喷墨打印机</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-list">
                                        <a href="#" class="cat-title">
                                            电源 配件
                                            <em class="cat-icon iconfont">&#xe638;</em>
                                        </a>
                                        <div class="commodity clearfix comm-2">
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/yd1.jpg" alt="" width="40" height="40">
                                                        <span class="text">移动电源</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/yd2.jpg" alt="" width="40" height="40">
                                                        <span class="text">数据线</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/yd3.jpg" alt="" width="40" height="40">
                                                        <span class="text">充电器</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/yd4.jpg" alt="" width="40" height="40">
                                                        <span class="text">电池</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/yd5.jpg" alt="" width="40" height="40">
                                                        <span class="text">自拍杆</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/yd6.jpg" alt="" width="40" height="40">
                                                        <span class="text">手机壳</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/yd1.jpg" alt="" width="40" height="40">
                                                        <span class="text">移动电源</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/yd2.jpg" alt="" width="40" height="40">
                                                        <span class="text">数据线</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/yd3.jpg" alt="" width="40" height="40">
                                                        <span class="text">充电器</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/yd4.jpg" alt="" width="40" height="40">
                                                        <span class="text">电池</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/yd5.jpg" alt="" width="40" height="40">
                                                        <span class="text">自拍杆</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/yd6.jpg" alt="" width="40" height="40">
                                                        <span class="text">手机壳</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-list">
                                        <a href="#" class="cat-title">
                                            健康 儿童
                                            <em class="cat-icon iconfont">&#xe638;</em>
                                        </a>
                                        <div class="commodity clearfix comm-3">
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd1.jpg" alt="" width="40" height="40">
                                                        <span class="text">米家跑步机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd2.jpg" alt="" width="40" height="40">
                                                        <span class="text">洗手机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd3.jpg" alt="" width="40" height="40">
                                                        <span class="text">修剪器</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd4.jpg" alt="" width="40" height="40">
                                                        <span class="text">剃须刀</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd5.jpg" alt="" width="40" height="40">
                                                        <span class="text">牙刷</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd6.jpg" alt="" width="40" height="40">
                                                        <span class="text">吹风机</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd1.jpg" alt="" width="40" height="40">
                                                        <span class="text">米家跑步机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd2.jpg" alt="" width="40" height="40">
                                                        <span class="text">洗手机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd3.jpg" alt="" width="40" height="40">
                                                        <span class="text">修剪器</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd4.jpg" alt="" width="40" height="40">
                                                        <span class="text">剃须刀</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd5.jpg" alt="" width="40" height="40">
                                                        <span class="text">牙刷</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd6.jpg" alt="" width="40" height="40">
                                                        <span class="text">吹风机</span>
                                                    </a>
                                                </li>
                                                
                                                    <li class="com-li">
                                                        <a href="#" class="link clearfix">
                                                            <img src="./images/jd2.jpg" alt="" width="40" height="40">
                                                            <span class="text">洗手机</span>
                                                        </a>
                                                    </li>
                                                    <li class="com-li">
                                                        <a href="#" class="link clearfix">
                                                            <img src="./images/jd3.jpg" alt="" width="40" height="40">
                                                            <span class="text">修剪器</span>
                                                        </a>
                                                    </li>
                                                    <li class="com-li">
                                                        <a href="#" class="link clearfix">
                                                            <img src="./images/jd4.jpg" alt="" width="40" height="40">
                                                            <span class="text">剃须刀</span>
                                                        </a>
                                                    </li>
                                                    <li class="com-li">
                                                        <a href="#" class="link clearfix">
                                                            <img src="./images/jd5.jpg" alt="" width="40" height="40">
                                                            <span class="text">牙刷</span>
                                                        </a>
                                                    </li>
                                                    <li class="com-li">
                                                        <a href="#" class="link clearfix">
                                                            <img src="./images/jd6.jpg" alt="" width="40" height="40">
                                                            <span class="text">吹风机</span>
                                                        </a>
                                                    </li>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd2.jpg" alt="" width="40" height="40">
                                                        <span class="text">洗手机</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/jd3.jpg" alt="" width="40" height="40">
                                                        <span class="text">修剪器</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-list">
                                        <a href="#" class="cat-title">
                                            耳机 音箱
                                            <em class="cat-icon iconfont">&#xe638;</em>
                                        </a>
                                        <div class="commodity clearfix comm-3">
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ej1.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi Buds 3青春版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ej2.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi Buds 3</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ej3.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi Sound</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ej4.jpg" alt="" width="40" height="40">
                                                        <span class="text">小爱触屏音箱Pro 8</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ej5.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi小爱触屏音箱8</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ej6.jpg" alt="" width="40" height="40">
                                                        <span class="text">小爱音箱Pro</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ej1.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi Buds 3青春版</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ej2.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi Buds 3</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ej3.jpg" alt="" width="40" height="40">
                                                        <span class="text">Xiaomi Sound</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ej4.jpg" alt="" width="40" height="40">
                                                        <span class="text">小爱触屏音箱Pro 8</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ej5.jpg" alt="" width="40" height="40">
                                                        <span class="text">Redmi小爱触屏音箱8</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ej6.jpg" alt="" width="40" height="40">
                                                        <span class="text">小爱音箱Pro</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ej6.jpg" alt="" width="40" height="40">
                                                        <span class="text">小爱音箱Pro</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/ej6.jpg" alt="" width="40" height="40">
                                                        <span class="text">小爱音箱Pro</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="category-list">
                                        <a href="#" class="cat-title">
                                            生活 箱包
                                            <em class="cat-icon iconfont">&#xe638;</em>
                                        </a>
                                        <div class="commodity clearfix comm-3">
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/bb1.jpg" alt="" width="40" height="40">
                                                        <span class="text">小背包</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/bb2.jpg" alt="" width="40" height="40">
                                                        <span class="text">双肩包</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/bb3.jpg" alt="" width="40" height="40">
                                                        <span class="text">胸包</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/bb4.jpg" alt="" width="40" height="40">
                                                        <span class="text">旅行箱</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/bb5.jpg" alt="" width="40" height="40">
                                                        <span class="text">运动鞋</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/bb6.jpg" alt="" width="40" height="40">
                                                        <span class="text">眼镜</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="images/10-1.webp" alt="" width="40" height="40">
                                                        <span class="text">小背包</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/bb2.jpg" alt="" width="40" height="40">
                                                        <span class="text">双肩包</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/bb3.jpg" alt="" width="40" height="40">
                                                        <span class="text">胸包</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/bb4.jpg" alt="" width="40" height="40">
                                                        <span class="text">旅行箱</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/bb5.jpg" alt="" width="40" height="40">
                                                        <span class="text">运动鞋</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/bb6.jpg" alt="" width="40" height="40">
                                                        <span class="text">眼镜</span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul class="com-ul">
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/bb1.jpg" alt="" width="40" height="40">
                                                        <span class="text">小背包</span>
                                                    </a>
                                                </li>
                                                <li class="com-li">
                                                    <a href="#" class="link clearfix">
                                                        <img src="./images/bb1.jpg" alt="" width="40" height="40">
                                                        <span class="text">小背包</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">Xiaomi手机</span>
                            </a>
                            <!-- nav - js -->
                            <div class="header-nav-menu">
                                <div class="container w">
                                    <ul>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure figure-none">
                                                    <img src="./images/xm1.jpg" alt="小米11" width="160" height="110">
                                                </div>
                                                <div class="title">Xiaomi 11青春活力版</div>
                                                <p>1999元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/xm2.jpg" alt="Xiaomi Civi" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">Xiaomi Civi</div>
                                                <p>2599元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/xm3.jpg" alt="Xiaomi MIX 4" width="160" height="110">
                                                </div>
                                                <div class="title">Xiaomi MIX 4</div>
                                                <p>4199元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/xm4.jpg" alt="Xiaomi MIX FOLD" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">Xiaomi MIX FOLD</div>
                                                <p>7999元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/xm5.jpg" alt="Xiaomi 11 Ultra" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">Xiaomi 11 Ultra</div>
                                                <p>5499元起</p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">Redmi 红米</span>
                            </a>
                            <!-- nav - js -->
                            <div class="header-nav-menu">
                                <div class="container w">
                                    <ul>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure figure-none">
                                                    <img src="./images/hm1.jpg" alt="Redmi Note 11 Pro系列" width="160" height="110">
                                                </div>
                                                <div class="title">Redmi Note 11 Pro系列</div>
                                                <p>1799元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/hm2.jpg" alt="Redmi Note 11 5G" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">Redmi Note 11 5G</div>
                                                <p>1199元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/hm3.jpg" alt="Redmi Note 11 4G" width="160" height="110">
                                                </div>
                                                <div class="title">Redmi Note 11 4G</div>
                                                <p>999元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/hm4.jpg" alt="Redmi" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">Redmi</div>
                                                <p>1499元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/hm5.jpg" alt="Redmi Note 10 5G" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">Redmi Note 10 5G</div>
                                                <p>1099元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/hm6.jpg" alt="K40游戏增强版" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">K40游戏增强版</div>
                                                <p>1999元起</p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">电视</span>
                            </a>
                            <!-- nav - js -->
                            <div class="header-nav-menu">
                                <div class="container w">
                                    <ul>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure figure-none">
                                                    <img src="./images/dsj1.jpg" alt="Redmi智能电视×55 2022" width="160" height="110">
                                                </div>
                                                <div class="title">Redmi智能电视×55 2022</div>
                                                <p>2699元</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/dsj2.jpg" alt="Redmi智能电视X65 2022" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">Redmi智能电视X65 2022</div>
                                                <p>3499元</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/dsj3.jpg" alt="小米电视6 65”OLED" width="160" height="110">
                                                </div>
                                                <div class="title">小米电视6 65”OLED</div>
                                                <p>6999元</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/dsj4.jpg" alt="小米电视大师77”OLED" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">小米电视大师77”OLED</div>
                                                <p>17999元</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/dsj5.jpg" alt="小米透明电视" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">小米透明电视</div>
                                                <p>39999元</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/dsj6.jpg" alt="小米电视大师65英寸OLED" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">小米电视大师65英寸OLED</div>
                                                <p>8999元</p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">笔记本</span>
                            </a>
                            <!-- nav - js -->
                            <div class="header-nav-menu">
                                <div class="container w">
                                    <ul>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure figure-none">
                                                    <img src="./images/bjb1.jpg" alt="小米笔记本Pro 14锐龙版" width="160" height="110">
                                                </div>
                                                <div class="title">小米笔记本Pro 14锐龙版</div>
                                                <p>5499元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/bjb2.jpg" alt="Redm" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">Redm</div>
                                                <p>6499元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/bjb3.jpg" alt="G 2021 Intel版" width="160" height="110">
                                                </div>
                                                <div class="title">G 2021 Intel版</div>
                                                <p>7999元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/bjb4.jpg" alt="Redmi G 2021 AMD版" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">Redmi G 2021 AMD版</div>
                                                <p>6499元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/bjb5.jpg" alt="小米MIX Alpha" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">小米MIX Alpha</div>
                                                <p>19999元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/bjb6.jpg" alt="小米MIX Alpha" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">小米MIX Alpha</div>
                                                <p>19999元起</p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">平板</span>
                            </a>
                            <!-- nav - js -->
                            <div class="header-nav-menu">
                                <div class="container w">
                                    <ul>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/xmpb1.jpg" alt="小米平板5" width="160" height="110">
                                                </div>
                                                <div class="title">小米平板5</div>
                                                <p>1999元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/xmpb2.jpg" alt="小米平板5 Pro" width="160" height="110">
                                                </div>
                                                <div class="title">小米平板5 Pro</div>
                                                <p>2499元起</p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">家电</span>
                            </a>
                            <!-- nav - js -->
                            <div class="header-nav-menu">
                                <div class="container w">
                                    <ul>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure figure-none">
                                                    <img src="./images/jd11.jpg" alt="小米11" width="160" height="110">
                                                </div>
                                                <div class="title">小米11</div>
                                                <p>3999元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/jd11.jpg" alt="小米10至尊纪念版" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">小米10至尊纪念版</div>
                                                <p>5299元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/jd11.jpg" alt="小米10" width="160" height="110">
                                                </div>
                                                <div class="title">小米10</div>
                                                <p>3399元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/jd11.jpg" alt="小米10 青春版 5G" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">小米10 青春版 5G</div>
                                                <p>1999元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/jd11.jpg" alt="小米MIX Alpha" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">小米MIX Alpha</div>
                                                <p>19999元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/jd11.jpg" alt="小米MIX Alpha" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">小米MIX Alpha</div>
                                                <p>19999元起</p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">路由器</span>
                            </a>
                            <!-- nav - js -->
                            <div class="header-nav-menu">
                                <div class="container w">
                                    <ul>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure figure-none">
                                                    <img src="./images/lyq.jpg" alt="小米11" width="160" height="110">
                                                </div>
                                                <div class="title">小米11</div>
                                                <p>3999元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/lyq.jpg" alt="小米10至尊纪念版" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">小米10至尊纪念版</div>
                                                <p>5299元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/lyq.jpg" alt="小米10" width="160" height="110">
                                                </div>
                                                <div class="title">小米10</div>
                                                <p>3399元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/lyq.jpg" alt="小米10 青春版 5G" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">小米10 青春版 5G</div>
                                                <p>1999元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <em></em>
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/lyq.jpg" alt="小米MIX Alpha" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">小米MIX Alpha</div>
                                                <p>19999元起</p>
                                            </a>
                                        </li>
                                        <li class="menu-nav">
                                            <a href="#">
                                                <div class="figure">
                                                    <img src="./images/lyq.jpg" alt="小米MIX Alpha" width="160"
                                                        height="110">
                                                </div>
                                                <div class="title">小米MIX Alpha</div>
                                                <p>19999元起</p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                  
                        <li>
                            <a href="#" class="link">
                                <span class="text">服务</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="link">
                                <span class="text">社区</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 搜索框 -->
                <div class="header-search fr">
                    <form action="" method="GET" class="search-form">
                        <input type="text" class="search-text" placeholder="全部商品分类">
                        <input type="submit" class="search-btn iconfont" value="&#xe652;">
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- home 首页导航-->
    <div class="home-hero w">
        <!-- 轮播图 -->
        <div class="slideshow">
            <ul class="sli-ul">
                <li>
                    <a href="#">
                        <img src="./images/1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/2.jpeg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/3.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/4.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/2.jpeg" alt="">
                    </a>
                </li>
            </ul>
            <div class="sli-box">
                <a href="javaScript:;"></a>
                <a href="javaScript:;"></a>
                <a href="javaScript:;"></a>
                <a href="javaScript:;"></a>
                <a href="javaScript:;"></a>
            </div>
    
            <div class="left"></div>
            <div class="right"></div>
        </div>
        <!-- sub 下-->
        <div class="home-sub clearfix">
            <div class="sub-l fl">
                <ul class="l-list clearfix">
                    <li>
                        <a href="#">
                            <img src="./images/bz.jpg" alt=""> 保障服务
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/qy,jpg" alt=""> 企业团购
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/fm.jpg" alt=""> F码通道
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/mf.jpg" alt=""> 米粉卡
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/hx.jpg" alt=""> 以旧换新
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/hf.jpg" alt=""> 话费充值
                        </a>
                    </li>
                </ul>
            </div>
            <div class="sub-r fl">
                <ul class="r-list clearfix">
                    <li class="first">
                        <a href="#">
                            <img src="./images/t1.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/t2.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/t3.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 主页 -->
    <script src="js/index.js"></script>
    <!-- 轮播图 -->
    <script src="js/slideshow.js "></script>
    <!-- 轮播图动画 -->
    <script src="js/move.js "></script>
    <!-- 移动 -->
    <script src="js/roll.js "></script>
    <!-- 列表 -->
    <script src="js/tab.js"></script>
</body>

</html>